
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<html>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="/style/First_Page.css"/>
    <link rel="stylesheet" href="/style/Buy_Car.css"/>
    <script type="text/javascript" src="js/Buy_Car.js"></script>
    <script type="text/javascript" src="js/First_Page.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.js"></script>
    <script type="text/javascript">
    </script>
    <script type="text/javascript">
        window.onload = function(){
            $.ajax({
                type:'get',
                async:true,
                dataType:'json',
                url:'/data/cart' ,//接口
                data:{},
                success:function (data) {
                    if(data.result==1)//与返回值比较，判断
                    {
                        var info=JSON.parse(data.info);
                        //document.getElementById("shop_main_box_title").innerHTML="<p class=\"self_title\"><b>"+info[0].shopName+"</b></p>";
                        //alert(info.books.length);
                        for(var i=0;i<info.books.length;i++){
                            var tmp = document.createElement('li');
                            tmp.innerHTML = "<img src=\""+info.books[i].cover+"\" style=\"width：120px;height:150px;padding:15px;float: left;\">\n" +
                                "<p class=\"book_synopsis\">书籍简介："+info.books[i].synopsis+"</p>\n" +
                                "<p class=\"book_name\"><a href=\"\">"+info.books[i].bookName+"</a></p>\n" +
                                "<p class=\"book_price\">￥"+info.books[i].price+"元</p>";
                            document.getElementById('goods').appendChild(tmp);
                        }
                    }else{
                        alert('失败！')
                    }
                }
            });
        };
    </script>
</head>
<body>
<div id="main_head_box">
    <div class="head_box">
        <div id="head_wrap">
            <div id="head_right">
                <div id="head_landing">
                    <a id="exit" style="display: inline;float:right;margin-left:15px;" href="First_Page.jsp" onclick="login2exit()">注销</a>
                    <a href="Self_Information.jsp"><img src="${sessionScope.user.avatar}" id="avatar" style="display: inline;height:30px;width:30px;border-radius: 45px;margin-right:50px;margin-top: 5px;"></a>
                </div>
            </div>
        </div>
    </div>
    <div id="menu_wrap">
        <p id="menu_logo">读了么 <i>DuLeMe.com</i></p>
        <div id="find_wrap">
            <div id="find_bar">
                <input type="text" id="find_input">
            </div>
            <div id="find_but" onclick="search_method()"><a>GO</a></div>
        </div>
    </div>
</div>
<div id="Buy_Car">
    <div id="Buy_Car_Title_Box">
        <p id="Buy_Car_Title">我的购物车</p>
    </div>
    <div id="Buy_Car_main">
        <ul id="goods">
                        <%--<li>--%>
                            <%--<img src="image/book1.jpg" style="padding:15px;float: left;">--%>
                            <%--<p class="book_synopsis">书籍概要：《活着(新版)》讲述了农村人福贵悲惨的人生遭遇。福贵本是个阔少爷，可他嗜赌如命，终于赌光了家业，一贫如洗。他的父亲被他活活气死，母亲则在穷困中患了重病，福贵...</p>--%>
                            <%--<p class="book_name"><a href="">新华书店</a></p>--%>
                            <%--<p class="book_price">价格：</p>--%>
                        <%--</li>--%>
                        <%--<li>--%>
                            <%--<img src="image/book2.jpg" style="padding:15px;float: left;">--%>
                            <%--<p class="book_synopsis">书籍概要：《活着(新版)》讲述了农村人福贵悲惨的人生遭遇。福贵本是个阔少爷，可他嗜赌如命，终于赌光了家业，一贫如洗。他的父亲被他活活气死，母亲则在穷困中患了重病，福贵...</p>--%>
                            <%--<p class="book_name"><a href="">新华书店</a></p>--%>
                            <%--<p class="book_price">价格：</p>--%>
                        <%--</li>--%>
            <div style="clear:both;"></div>
        </ul>
    </div>
    <div id="total">
        <input type="button" id="buy_button" value="结算" onclick="totalPrice()">
    </div>
</div>
<div id="foot_box">
    <div id="foot_wrap">
        <div class="foot_top">
            <ul>
                <li><a href="Self_Information.jsp">个人信息设置</a></li>
                <li class="font_top_i">|</li>
                <li><a href="First_Page.jsp">返回首页</a></li>
                <li class="font_top_i">|</li>
                <li>用户购物指南</li>
                <li class="font_top_i">|</li>
                <li><a href="user_Agreement.html">用户协议须知</a></li>
            </ul>
        </div>
        <div class="foot_bottom">
            <span> <a href="">返回顶部</a></span>
        </div>
    </div>
</div>
</body>
</html>
